<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/metrize.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/polaris/polaris.css" rel="stylesheet">
    <link href="css/square/blue.css" rel="stylesheet">
    <link href="css/ui.fancytree.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="header-content header-fixed bg-white clearfix">
    <!--  Logo -->
    <div class="logo bg-dark">
        <a href="#"><span class="logo-icon fa fa-th-large"></span> <span class="logo-text">JP</span></a>
    </div>

    <div class="top-nav">
        <ul class="list-none nav-left">
            <!-- to left menu -->
            <li class="unshow"><a class="toggle-min jp-gray jp-ripple" href="#"><i class="fa fa-bars"></i></a></li>
            <!-- dropdown settings -->
            <li class="dropdown">
                <a href="#" class="dropdown-toggle jp-gray jp-ripple" data-toggle="dropdown" id="dropdownMenu2"><i class="fa fa-gear"></i></a>
                <div class="dropdown-menu panel panel-default with-arrow" aria-labelledby="dropdownMenu2">
                    <div class="panel-heading"><span>Setting</span></div>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <p>User setting</p>
                            <div class="checkbox-inline">
                                <label>
                                    <input type="checkbox"> Check me out
                                </label>
                            </div>
                            <div class="checkbox-inline">
                                <label>
                                    <input type="checkbox"> Check me out
                                </label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <p>User setting</p>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option1"> 2
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option1"> 3
                            </label>
                        </li>
                    </ul>
                </div>
            </li>
            <li><a href="#" class="jp-gray jp-ripple"><i class="fa fa-truck"></i></a></li>
        </ul>

        <ul class="list-none nav-right pull-right">
            <!-- user info-->
            <li class="nav-profile dropdown">
                <a href="#" class="dropdown-toggle jp-gray jp-ripple" data-toggle="dropdown"><img src="img/t.jpg" class="img-circle img30_30" /> <span class="hidden-xs">LISA</span></a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#"><i class="fa fa-dashboard"></i>Action</a></li>
                    <li><a href="#"><i class="fa fa-television"></i>Another action</a></li>
                    <li><a href="#"><i class="fa fa-file-o"></i>Something else here</a></li>
                    <li><a href="#"><i class="fa fa-table"></i>Separated link</a></li>
                </ul>
            </li>
            <li><a href="#" class="jp-gray jp-ripple"><i class="fa fa-wifi"></i></a></li>
        </ul>
    </div>

</header>
<div class="main-content">
    <!-- left nav -->
    <div class="nav-content bg-dark nav-vertical">
        <ul class="left-menu list-none">
            <li class="user-info">
                <div class="user-panel">
                    <div class="pull-left">
                        <img src="img/t.jpg" class="img-circle img45_45"/>
                    </div>
                    <div class="pull-left info">
                        <p>welcome,admin</p>
                        <a href="#"><i class="fa fa-circle"></i> online</a>
                    </div>
                </div>
                <form class="search-form">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search" />
                        <span class="input-group-btn">
                            <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </form>
            </li>
            <li class="treeview ">
                <a href="main.html" class="jp-ripple"><i class="fa fa-dashboard"></i><span>Dashboard</span></a>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-television"></i><span>JP UI</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="Buttons.html" ><i class="fa fa-circle ng-scope"></i><span>Buttons</span><span class="badge badge-info ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="Icons.html" ><i class="fa fa-circle ng-scope"></i><span>Icons</span></a></li>
                    <li class="jp-ripple"><a href="Typography.html"><i class="fa fa-circle ng-scope"></i><span>Typography</span></a></li>
                    <li class="jp-ripple"><a href="Lists.html"><i class="fa fa-circle ng-scope"></i><span>Lists</span></a></li>
                    <li class="jp-ripple"><a href="Forms.html"><i class="fa fa-circle ng-scope"></i><span>Forms</span></a></li>
                    <li class="jp-ripple"><a href="Components.html"><i class="fa fa-circle ng-scope"></i><span>Components</span></a></li>
                    <li class="jp-ripple"><a href="Panels.html"><i class="fa fa-circle ng-scope"></i><span>Panels</span></a></li>
                    <li class="jp-ripple"><a href="Grids.html"><i class="fa fa-circle ng-scope"></i><span>Grids</span></a></li>
                    <li class="jp-ripple"><a href="Timeline.html"><i class="fa fa-circle ng-scope"></i><span>Timeline</span></a></li>
                    <li class="jp-ripple active"><a href="Tree.html"><i class="fa fa-circle ng-scope"></i><span>Tree</span></a></li>
                </ul>
            </li>
            <li class="treeview active">
                <a href="#" class="jp-ripple"><i class="fa fa-file-o"></i><span>Pages</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="SignIn.html"><i class="fa fa-circle ng-scope"></i><span>Sign In</span><span class="badge badge-info ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="SignUp.html"><i class="fa fa-circle ng-scope"></i><span>Sign Up</span></a></li>
                    <li class="jp-ripple"><a href="ForgotPassword.html"><i class="fa fa-circle ng-scope"></i><span>Forgot Password</span></a></li>
                    <li class="jp-ripple"><a href="404.html"><i class="fa fa-circle ng-scope"></i><span>404 Error</span></a></li>
                    <li class="jp-ripple"><a href="500.html"><i class="fa fa-circle ng-scope"></i><span>500 Error</span></a></li>
                    <li class="jp-ripple"><a href="Blank.html"><i class="fa fa-circle ng-scope"></i><span>Blank Page</span></a></li>
                    <li class="jp-ripple active"><a href="Profile.html"><i class="fa fa-circle ng-scope"></i><span>Profile</span></a></li>
                    <li class="jp-ripple"><a href="Invoice.html"><i class="fa fa-circle ng-scope"></i><span>Invoice</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-table"></i><span>Tables</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="Basetable.html"><i class="fa fa-circle ng-scope"></i><span>Base Table</span><span class="badge badge-warning ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="Responsivetables.html"><i class="fa fa-circle ng-scope"></i><span>Responsive Tables</span></a></li>
                    <li class="jp-ripple"><a href="DataTables.html"><i class="fa fa-circle ng-scope"></i><span>Data Tables</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-pencil"></i><span>Forms</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="FormComponents.html"><i class="fa fa-circle ng-scope"></i><span>Form Components</span><span class="badge badge-warning ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="WizardForm.html"><i class="fa fa-circle ng-scope"></i><span>Wizard Form</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-bar-chart"></i><span>Charts</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="EChartsLine.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Line</span></a></li>
                    <li class="jp-ripple"><a href="EChartsBar.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Bar</span><span class="badge badge-primary ng-scope">5</span></a></li>
                    <li class="jp-ripple"><a href="EChartsPie.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Pie</span></a></li>
                    <li class="jp-ripple"><a href="EChartsScatter.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Scatter</span></a></li>
                </ul>
            </li>
            <li class="menu-divider"></li>
            <li class="nav-title">
                <span>Title</span>
            </li>
            <li class="li-sm active">
                <a href="#"><i class="fa fa-circle color-info"></i><span>JP Components</span></a>
            </li>
            <li class="li-sm treeview">
                <a href="#"><i class="fa fa-circle color-success"></i><span>JP Elements</span></a>
            </li>
        </ul>

    </div>
    <!-- content -->
    <div class="content">
        <section class="page-profile">
            <div class="profile-header">
                <div class="profile-img"><img src="img/t.jpg" class="img-circle"></div>
                <div class="profile-social">
                    <a href="javascript:;" class="btn-icon btn-icon-sm btn-icon-round btn-facebook"><i class="fa fa-facebook"></i></a>
                    <a href="javascript:;" class="btn-icon btn-icon-sm btn-icon-round btn-twitter"><i class="fa fa-twitter"></i></a>
                    <a href="javascript:;" class="btn-icon btn-icon-sm btn-icon-round btn-instagram"><i class="fa fa-instagram"></i></a>
                </div>
                <div class="profile-info">
                    <ul class="list-unstyled list-inline" role="tablist">
                        <li role="presentation" class="active"><a href="#Films" aria-controls="Films" role="tab" data-toggle="tab"><i class="fa fa-video-camera"></i> Films <span class="text-muted">(39)</span></a></li>
                        <li role="presentation"><a href="#Profile" aria-controls="Profile" role="tab" data-toggle="tab"><i class="fa fa-user"></i> Profile <span class="text-muted">(63)</span></a></li>
                        <li role="presentation"><a href="#Collections" aria-controls="Collections" role="tab" data-toggle="tab"><i class="fa fa-bookmark"></i> Collections <span class="text-muted">(55)</span></a></li>
                        <li role="presentation"><a href="#Tasks" aria-controls="Tasks" role="tab" data-toggle="tab"><i class="fa fa-check"></i> Tasks <span class="text-muted">(34)</span></a></li>
                    </ul>
                </div>
            </div>
            <div class="divider divider-lg"></div>
            <div class="profile-content">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="Films">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="p-card">
                                    <div class="p-card-block mini-box">
                                        <span class="jp-btn jp-fb jp-success jp-ripple jp-sw jp-w">
                                            <i class="fa fa-video-camera"></i>
                                        </span>
                                        <div class="box-info">
                                            <p class="size-h2">10</p>
                                            <p class="text-muted">Amazing Films</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="p-card">
                                    <div class="p-card-block mini-box">
                                        <span class="jp-btn jp-fb jp-primary jp-ripple jp-sw jp-w">
                                            <i class="fa fa-image"></i>
                                        </span>
                                        <div class="box-info">
                                            <p class="size-h2">39</p>
                                            <p class="text-muted">Wonderful Photos</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="p-card">
                                    <div class="p-card-block mini-box">
                                        <span class="jp-btn jp-fb jp-info jp-ripple jp-sw jp-w">
                                            <i class="fa fa-bookmark"></i>
                                        </span>
                                        <div class="box-info">
                                            <p class="size-h2">100</p>
                                            <p class="text-muted">New Collections</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="p-card">
                                    <div class="p-card-block mini-box">
                                        <span class="jp-btn jp-fb jp-danger jp-ripple jp-sw jp-w">
                                            <i class="fa fa-check"></i>
                                        </span>
                                        <div class="box-info">
                                            <p class="size-h2">139</p>
                                            <p class="text-muted">Tasks Finised</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="divider divider-lg"></div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="jp-panel user">
                                    <div class="panel-heading">
                                        <h2>About</h2>
                                    </div>
                                    <div class="panel-body">
                                        <div class="user-info">
                                            <span class="icon"><i class="fa fa-envelope"></i></span>
                                            <span>demo@demo.com</span>
                                        </div>
                                        <div class="user-info">
                                            <span class="icon"><i class="fa fa-phone"></i></span>
                                            <span>+15166659215</span>
                                        </div>
                                        <div class="user-info">
                                            <span class="icon"><i class="fa fa-location-arrow"></i></span>
                                            <span>Hollywood Hills, California</span>
                                        </div>
                                        <div class="user-info">
                                            <span class="icon"><i class="fa fa-edge"></i></span>
                                            <span>blog.qiurank.com</span>
                                        </div>
                                        <ul class="list-inline text-center">
                                            <li><a href="#" class=""><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#" class=""><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#" class=""><i class="fa fa-dribbble"></i></a></li>
                                            <li><a href="#" class=""><i class="fa fa-linkedin"></i></a></li>
                                            <li><a href="#" class=""><i class="fa fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="jp-panel user">
                                    <div class="panel-heading">
                                        <h2>Gallery</h2>
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="gallery-image col-md-4 col-sm-4 col-xs-4">
                                                <img class="img-responsive" src="img/h1.jpg" alt="">
                                            </div>
                                            <div class="gallery-image col-md-4 col-sm-4 col-xs-4">
                                                <img class="img-responsive" src="img/h1.jpg" alt="">
                                            </div>
                                            <div class="gallery-image col-md-4 col-sm-4 col-xs-4">
                                                <img class="img-responsive" src="img/h1.jpg" alt="">
                                            </div>
                                            <div class="gallery-image col-md-4 col-sm-4 col-xs-4">
                                                <img class="img-responsive" src="img/h1.jpg" alt="">
                                            </div>
                                            <div class="gallery-image col-md-4 col-sm-4 col-xs-4">
                                                <img class="img-responsive" src="img/h1.jpg" alt="">
                                            </div>
                                            <div class="gallery-image col-md-4 col-sm-4 col-xs-4">
                                                <img class="img-responsive" src="img/h1.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel-footer clearfix">
                                        <a href="" class="pull-left">View all »</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-9">
                                <div class="jp-panel">
                                    <div class="panel-body">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object img-circle img40_40" alt="40x40" src="img/t.jpg" data-holder-rendered="true">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                    <h4 class="media-heading">Media heading</h4>
                                                    <span class="time">18 min ago</span>
                                                <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                                            </div>
                                            <div class="comment-form">
                                                <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                <span><i class="fa fa-comment-o"></i> Comments</span>
                                                <form class="ng-pristine ng-valid">
                                                    <div class="prepend-icon">
                                                        <textarea class="jp-textarea" placeholder="Text area"></textarea>
                                                        <label class="jp-icon">
                                                            <i class="fa fa-list"></i>
                                                        </label>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="jp-panel">
                                    <div class="panel-body">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="#">
                                                    <img class="media-object img-circle img40_40" alt="40x40" src="img/t.jpg" data-holder-rendered="true">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <h4 class="media-heading">Media heading</h4>
                                                <span class="time">18 min ago</span>
                                                <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                                            </div>
                                            <div class="comment-form">
                                                <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                <span><i class="fa fa-comment-o"></i> Comments</span>
                                                <form class="ng-pristine ng-valid">
                                                    <div class="prepend-icon">
                                                        <textarea class="jp-textarea" placeholder="Text area"></textarea>
                                                        <label class="jp-icon">
                                                            <i class="fa fa-list"></i>
                                                        </label>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="Profile">
                       <div class="row">
                           <div class="jp-panel">
                               <div class="panel-body">
                                   <form action="#">
                                       <div class="jp-i-group">
                                           <label>UserName</label>
                                           <input class="jp-i-input">
                                       </div>
                                       <div class="jp-i-group">
                                           <label>Website</label>
                                           <input class="jp-i-input">
                                       </div>
                                       <div class="bcheck">
                                           <input type="radio" name="radio" checked><label for="input-3">Male</label>
                                           <input type="radio" name="radio"><label for="input-3">Female</label>
                                       </div>
                                       <div class="jp-i-group">
                                           <label>Password</label>
                                           <input class="jp-i-input" type="password">
                                       </div>
                                       <div class="jp-i-group">
                                           <label>Confrim Password</label>
                                           <input class="jp-i-input" type="password">
                                       </div>
                                       <div class="jp-i-group">
                                           <div class="jp-i-select">
                                               <select name="country">
                                                   <option value="">Select Country</option>
                                                   <option value="Afghanistan">Afghanistan</option>
                                                   <option value="Åland_Islands">Åland Islands</option>
                                                   <option value="Albania">Albania</option>
                                                   <option value="Algeria">Algeria</option>
                                                   <option value="American_Samoa">American Samoa</option>
                                                   <option value="Andorra">Andorra</option>
                                                   <option value="Angola">Angola</option>
                                                   <option value="Anguilla">Anguilla</option>
                                                   <option value="Antarctica">Antarctica</option>
                                                   <option value="Antigua_And_Barbuda">Antigua and Barbuda</option>
                                                   <option value="Argentina">Argentina</option>
                                                   <option value="Armenia">Armenia</option>
                                                   <option value="Aruba">Aruba</option>
                                                   <option value="Australia">Australia</option>
                                                   <option value="Austria">Austria</option>
                                                   <option value="Azerbaijan">Azerbaijan</option>
                                                   <option value="Bahamas">Bahamas</option>
                                                   <option value="Bahrain">Bahrain</option>
                                                   <option value="Bangladesh">Bangladesh</option>
                                                   <option value="Barbados">Barbados</option>
                                                   <option value="Belarus">Belarus</option>
                                                   <option value="Belgium">Belgium</option>
                                                   <option value="Belize">Belize</option>
                                                   <option value="Benin">Benin</option>
                                                   <option value="Bermuda">Bermuda</option>
                                                   <option value="Bhutan">Bhutan</option>
                                                   <option value="Bolivia">Bolivia</option>
                                                   <option value="Bosnia_And_Herzegovina">Bosnia and Herzegovina</option>
                                                   <option value="Botswana">Botswana</option>
                                                   <option value="Bouvet_Island">Bouvet Island</option>
                                                   <option value="Brazil">Brazil</option>
                                                   <option value="British_Indian_Ocean_Territory">British Indian Ocean Territory</option>
                                                   <option value="Brunei_Darussalam">Brunei Darussalam</option>
                                                   <option value="Bulgaria">Bulgaria</option>
                                                   <option value="Burkina_Faso">Burkina Faso</option>
                                                   <option value="Burundi">Burundi</option>
                                                   <option value="Cambodia">Cambodia</option>
                                                   <option value="Cameroon">Cameroon</option>
                                                   <option value="Canada">Canada</option>
                                                   <option value="Cape_Verde">Cape Verde</option>
                                                   <option value="Cayman_Islands">Cayman Islands</option>
                                                   <option value="Central_African_Republic">Central African Republic</option>
                                                   <option value="Chad">Chad</option>
                                                   <option value="Chile">Chile</option>
                                                   <option value="China">China</option>
                                                   <option value="Christmas_Island">Christmas Island</option>
                                                   <option value="Cocos_(Keeling)_Islands">Cocos (Keeling) Islands</option>
                                                   <option value="Colombia">Colombia</option>
                                                   <option value="Comoros">Comoros</option>
                                                   <option value="Congo">Congo</option>
                                                   <option value="Congo,_The_Democratic_Republic_Of_The">Congo, The Democratic Republic of The</option>
                                                   <option value="Cook_Islands">Cook Islands</option>
                                                   <option value="Costa_Rica">Costa Rica</option>
                                                   <option value="Cote_D'ivoire">Cote D'ivoire</option>
                                                   <option value="Croatia">Croatia</option>
                                                   <option value="Cuba">Cuba</option>
                                                   <option value="Cyprus">Cyprus</option>
                                                   <option value="Czech_Republic">Czech Republic</option>
                                                   <option value="Denmark">Denmark</option>
                                                   <option value="Djibouti">Djibouti</option>
                                                   <option value="Dominica">Dominica</option>
                                                   <option value="Dominican_Republic">Dominican Republic</option>
                                                   <option value="Ecuador">Ecuador</option>
                                                   <option value="Egypt">Egypt</option>
                                                   <option value="El_Salvador">El Salvador</option>
                                                   <option value="Equatorial_Guinea">Equatorial Guinea</option>
                                                   <option value="Eritrea">Eritrea</option>
                                                   <option value="Estonia">Estonia</option>
                                                   <option value="Ethiopia">Ethiopia</option>
                                                   <option value="Falkland_Islands_(Malvinas)">Falkland Islands (Malvinas)</option>
                                                   <option value="Faroe_Islands">Faroe Islands</option>
                                                   <option value="Fiji">Fiji</option>
                                                   <option value="Finland">Finland</option>
                                                   <option value="France">France</option>
                                                   <option value="French_Guiana">French Guiana</option>
                                                   <option value="French_Polynesia">French Polynesia</option>
                                                   <option value="French_Southern_Territories">French Southern Territories</option>
                                                   <option value="Gabon">Gabon</option>
                                                   <option value="Gambia">Gambia</option>
                                                   <option value="Georgia">Georgia</option>
                                                   <option value="Germany">Germany</option>
                                                   <option value="Ghana">Ghana</option>
                                                   <option value="Gibraltar">Gibraltar</option>
                                                   <option value="Greece">Greece</option>
                                                   <option value="Greenland">Greenland</option>
                                                   <option value="Grenada">Grenada</option>
                                                   <option value="Guadeloupe">Guadeloupe</option>
                                                   <option value="Guam">Guam</option>
                                                   <option value="Guatemala">Guatemala</option>
                                                   <option value="Guernsey">Guernsey</option>
                                                   <option value="Guinea">Guinea</option>
                                                   <option value="Guinea-bissau">Guinea-bissau</option>
                                                   <option value="Guyana">Guyana</option>
                                                   <option value="Haiti">Haiti</option>
                                                   <option value="Heard_Island_And_Mcdonald_Islands">Heard Island and Mcdonald Islands</option>
                                                   <option value="Holy_See_(Vatican_City_State)">Holy See (Vatican City State)</option>
                                                   <option value="Honduras">Honduras</option>
                                                   <option value="Hong_Kong">Hong Kong</option>
                                                   <option value="Hungary">Hungary</option>
                                                   <option value="Iceland">Iceland</option>
                                                   <option value="India">India</option>
                                                   <option value="Indonesia">Indonesia</option>
                                                   <option value="Iran,_Islamic_Republic_Of">Iran, Islamic Republic of</option>
                                                   <option value="Iraq">Iraq</option>
                                                   <option value="Ireland">Ireland</option>
                                                   <option value="Isle_Of_Man">Isle of Man</option>
                                                   <option value="Israel">Israel</option>
                                                   <option value="Italy">Italy</option>
                                                   <option value="Jamaica">Jamaica</option>
                                                   <option value="Japan">Japan</option>
                                                   <option value="Jersey">Jersey</option>
                                                   <option value="Jordan">Jordan</option>
                                                   <option value="Kazakhstan">Kazakhstan</option>
                                                   <option value="Kenya">Kenya</option>
                                                   <option value="Kiribati">Kiribati</option>
                                                   <option value="Korea,_Democratic_People's_Republic_Of">Korea, Democratic People's Republic of</option>
                                                   <option value="Korea,_Republic_Of">Korea, Republic of</option>
                                                   <option value="Kuwait">Kuwait</option>
                                                   <option value="Kyrgyzstan">Kyrgyzstan</option>
                                                   <option value="Lao_People's_Democratic_Republic">Lao People's Democratic Republic</option>
                                                   <option value="Latvia">Latvia</option>
                                                   <option value="Lebanon">Lebanon</option>
                                                   <option value="Lesotho">Lesotho</option>
                                                   <option value="Liberia">Liberia</option>
                                                   <option value="Libyan_Arab_Jamahiriya">Libyan Arab Jamahiriya</option>
                                                   <option value="Liechtenstein">Liechtenstein</option>
                                                   <option value="Lithuania">Lithuania</option>
                                                   <option value="Luxembourg">Luxembourg</option>
                                                   <option value="Macao">Macao</option>
                                                   <option value="Macedonia,_The_Former_Yugoslav_Republic_Of">Macedonia, The Former Yugoslav Republic of</option>
                                                   <option value="Madagascar">Madagascar</option>
                                                   <option value="Malawi">Malawi</option>
                                                   <option value="Malaysia">Malaysia</option>
                                                   <option value="Maldives">Maldives</option>
                                                   <option value="Mali">Mali</option>
                                                   <option value="Malta">Malta</option>
                                                   <option value="Marshall_Islands">Marshall Islands</option>
                                                   <option value="Martinique">Martinique</option>
                                                   <option value="Mauritania">Mauritania</option>
                                                   <option value="Mauritius">Mauritius</option>
                                                   <option value="Mayotte">Mayotte</option>
                                                   <option value="Mexico">Mexico</option>
                                                   <option value="Micronesia,_Federated_States_Of">Micronesia, Federated States of</option>
                                                   <option value="Moldova,_Republic_Of">Moldova, Republic of</option>
                                                   <option value="Monaco">Monaco</option>
                                                   <option value="Mongolia">Mongolia</option>
                                                   <option value="Montenegro">Montenegro</option>
                                                   <option value="Montserrat">Montserrat</option>
                                                   <option value="Morocco">Morocco</option>
                                                   <option value="Mozambique">Mozambique</option>
                                                   <option value="Myanmar">Myanmar</option>
                                                   <option value="Namibia">Namibia</option>
                                                   <option value="Nauru">Nauru</option>
                                                   <option value="Nepal">Nepal</option>
                                                   <option value="Netherlands">Netherlands</option>
                                                   <option value="Netherlands_Antilles">Netherlands Antilles</option>
                                                   <option value="New_Caledonia">New Caledonia</option>
                                                   <option value="New_Zealand">New Zealand</option>
                                                   <option value="Nicaragua">Nicaragua</option>
                                                   <option value="Niger">Niger</option>
                                                   <option value="Nigeria">Nigeria</option>
                                                   <option value="Niue">Niue</option>
                                                   <option value="Norfolk_Island">Norfolk Island</option>
                                                   <option value="Northern_Mariana_Islands">Northern Mariana Islands</option>
                                                   <option value="Norway">Norway</option>
                                                   <option value="Oman">Oman</option>
                                                   <option value="Pakistan">Pakistan</option>
                                                   <option value="Palau">Palau</option>
                                                   <option value="Palestinian_Territory,_Occupied">Palestinian Territory, Occupied</option>
                                                   <option value="Panama">Panama</option>
                                                   <option value="Papua_New_Guinea">Papua New Guinea</option>
                                                   <option value="Paraguay">Paraguay</option>
                                                   <option value="Peru">Peru</option>
                                                   <option value="Philippines">Philippines</option>
                                                   <option value="Pitcairn">Pitcairn</option>
                                                   <option value="Poland">Poland</option>
                                                   <option value="Portugal">Portugal</option>
                                                   <option value="Puerto_Rico">Puerto Rico</option>
                                                   <option value="Qatar">Qatar</option>
                                                   <option value="Reunion">Reunion</option>
                                                   <option value="Romania">Romania</option>
                                                   <option value="Russian_Federation">Russian Federation</option>
                                                   <option value="Rwanda">Rwanda</option>
                                                   <option value="Saint_Helena">Saint Helena</option>
                                                   <option value="Saint_Kitts_And_Nevis">Saint Kitts and Nevis</option>
                                                   <option value="Saint_Lucia">Saint Lucia</option>
                                                   <option value="Saint_Pierre_And_Miquelon">Saint Pierre and Miquelon</option>
                                                   <option value="Saint_Vincent_And_The_Grenadines">Saint Vincent and The Grenadines</option>
                                                   <option value="Samoa">Samoa</option>
                                                   <option value="San_Marino">San Marino</option>
                                                   <option value="Sao_Tome_And_Principe">Sao Tome and Principe</option>
                                                   <option value="Saudi_Arabia">Saudi Arabia</option>
                                                   <option value="Senegal">Senegal</option>
                                                   <option value="Serbia">Serbia</option>
                                                   <option value="Seychelles">Seychelles</option>
                                                   <option value="Sierra_Leone">Sierra Leone</option>
                                                   <option value="Singapore">Singapore</option>
                                                   <option value="Slovakia">Slovakia</option>
                                                   <option value="Slovenia">Slovenia</option>
                                                   <option value="Solomon_Islands">Solomon Islands</option>
                                                   <option value="Somalia">Somalia</option>
                                                   <option value="South_Africa">South Africa</option>
                                                   <option value="South_Georgia_And_The_South_Sandwich_Islands">South Georgia and The South Sandwich Islands</option>
                                                   <option value="Spain">Spain</option>
                                                   <option value="Sri_Lanka">Sri Lanka</option>
                                                   <option value="Sudan">Sudan</option>
                                                   <option value="Suriname">Suriname</option>
                                                   <option value="Svalbard_And_Jan_Mayen">Svalbard and Jan Mayen</option>
                                                   <option value="Swaziland">Swaziland</option>
                                                   <option value="Sweden">Sweden</option>
                                                   <option value="Switzerland">Switzerland</option>
                                                   <option value="Syrian_Arab_Republic">Syrian Arab Republic</option>
                                                   <option value="Taiwan,_Province_Of_China">Taiwan, Province of China</option>
                                                   <option value="Tajikistan">Tajikistan</option>
                                                   <option value="Tanzania,_United_Republic_Of">Tanzania, United Republic of</option>
                                                   <option value="Thailand">Thailand</option>
                                                   <option value="Timor-leste">Timor-leste</option>
                                                   <option value="Togo">Togo</option>
                                                   <option value="Tokelau">Tokelau</option>
                                                   <option value="Tonga">Tonga</option>
                                                   <option value="Trinidad_And_Tobago">Trinidad and Tobago</option>
                                                   <option value="Tunisia">Tunisia</option>
                                                   <option value="Turkey">Turkey</option>
                                                   <option value="Turkmenistan">Turkmenistan</option>
                                                   <option value="Turks_And_Caicos_Islands">Turks and Caicos Islands</option>
                                                   <option value="Tuvalu">Tuvalu</option>
                                                   <option value="Uganda">Uganda</option>
                                                   <option value="Ukraine">Ukraine</option>
                                                   <option value="United_Arab_Emirates">United Arab Emirates</option>
                                                   <option value="United_Kingdom">United Kingdom</option>

                                                   <option value="United_States" selected="selected">United States</option>
                                                   <option value="United_States_Minor_Outlying_Islands">United States Minor Outlying Islands</option>
                                                   <option value="Uruguay">Uruguay</option>
                                                   <option value="Uzbekistan">Uzbekistan</option>
                                                   <option value="Vanuatu">Vanuatu</option>
                                                   <option value="Venezuela">Venezuela</option>
                                                   <option value="Viet_Nam">Viet Nam</option>
                                                   <option value="Virgin_Islands,_British">Virgin Islands, British</option>
                                                   <option value="Virgin_Islands,_U.S.">Virgin Islands, U.S.</option>
                                                   <option value="Wallis_And_Futuna">Wallis and Futuna</option>
                                                   <option value="Western_Sahara">Western Sahara</option>
                                                   <option value="Yemen">Yemen</option>
                                                   <option value="Zambia">Zambia</option>
                                                   <option value="Zimbabwe">Zimbabwe</option>
                                               </select>
                                               <i class="arrow"></i>
                                           </div>
                                       </div>
                                       <div class="jp-i-group">
                                           <textarea class="jp-i-input panel-success" placeholder="Textarea"></textarea>
                                       </div>
                                       <div class="text-right">
                                           <button class="jp-btn jp-info jp-sw jp-w jp-ripple">Submit</button>
                                       </div>
                                   </form>
                               </div>
                           </div>
                       </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="Collections">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="jp-panel">
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h1.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h2.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h3.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h1.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h1.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h2.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h3.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h1.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h1.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h2.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h3.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="card-image">
                                                    <div class="body-image">
                                                        <img class="scale" src="img/h1.jpg" />
                                                    </div>
                                                    <div class="footer-image">
                                                        <span><i class="fa fa-thumbs-o-up"></i> Like</span>
                                                        <span><i class="fa fa-comment-o"></i> Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="Tasks">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="jp-panel">
                                    <div class="panel-body">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Task Title</th>
                                                <th>Task Description</th>
                                                <th>Task Progress</th>
                                            </tr>
                                            </thead>
                                            <tbody class="f-12">
                                            <tr>
                                                <th>1.</th>
                                                <td>Paper</td>
                                                <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</td>
                                                <td>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%">
                                                            <span class="sr-only">25% Complete</span>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>2.</th>
                                                <td>Phoenix</td>
                                                <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</td>
                                                <td>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%">
                                                            <span class="sr-only">75% Complete</span>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>3.</th>
                                                <td>Arvin</td>
                                                <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</td>
                                                <td>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%">
                                                            <span class="sr-only">65% Complete</span>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>4.</th>
                                                <td>Flip3</td>
                                                <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</td>
                                                <td>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100" style="width: 55%">
                                                            <span class="sr-only">55% Complete</span>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>5.</th>
                                                <td>Appboom</td>
                                                <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</td>
                                                <td>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%">
                                                            <span class="sr-only">25% Complete</span>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>6.</th>
                                                <td>Xavant</td>
                                                <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</td>
                                                <td>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 5%">
                                                            <span class="sr-only">5% Complete</span>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>






<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/treeview.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/icheck.min.js"></script>
<script src="js/jpripple.js"></script>
<script src="js/jquery.fancytree-all.min.js"></script>
<script src="js/all.js"></script>
<script>
    $(document).ready(function(){
        ProfileInit();
    });
</script>
</body>
</html>